<template>
  <div class="container">
生命周期的使用以及加载顺序
  </div>
</template>

<script>
import { onBeforeMount, onMounted } from 'vue'
export default {
  name: "lifeCycle",
  setup() {
          onBeforeMount(()=>{
      console.log(111)
    })
    onMounted(()=>{
      console.log(222)
    })
    onMounted(()=>{
      console.log(333)
    })
  },
};
</script>